// import React from 'react';

// // 定义任务卡片组件的属性接口
// interface TaskCardProps {
//   title: string;
//   description: string;
//   assignee: string;
//   dueDate: string;
//   tags: string;
//   taskId: string; // 新增，用于标识任务
//   onOpenDetail: (taskId: string) => void; // 新增，打开详情弹窗的回调
//     onArchive: (taskId: string) => void; // 新增，归档任务的回调

// }

// const TaskCard: React.FC<TaskCardProps> = ({ title, description, assignee, dueDate, tags, taskId, onOpenDetail,onArchive }) => {
//   return (
//     <div className="task-card" onClick={() => onOpenDetail(taskId)}>
//       <h3>{title}</h3>
//       <p>{description}</p>
//       {/* <p>负责人: {assignee}</p> */}
//       {/* <p>截止日期: {dueDate}</p> */}
//       {/* <p>标签: {tags}</p> */}
//       <button onClick={(e) => {
//         e.stopPropagation(); // 阻止事件冒泡，避免同时触发详情弹窗
//         onArchive(taskId);
//       }}>归档</button>
//     </div>
//   );
// };

// export default TaskCard;



// import React from'react';

// interface TaskCardProps {
//   title: string;
//   description: string;
//   assignee: string;
//   dueDate: string;
//   tags: string;
//   taskId: string;
//   onOpenDetail: (taskId: string) => void;
//   onArchive: (taskId: string) => void;
// }

// const TaskCard: React.FC<TaskCardProps> = ({
//   title,
//   description,
//   assignee,
//   dueDate,
//   tags,
//   taskId,
//   onOpenDetail,
//   onArchive
// }) => {
//   return (
//     <div className="task-card" onClick={() => onOpenDetail(taskId)}>
//       <h3>{title}</h3>
//       <p>描述: {description}</p>
//       <p>负责人: {assignee}</p>
//       <p>截止日期: {dueDate}</p>
//       <p>标签: {tags}</p>
//       <button onClick={(e) => {
//         e.stopPropagation();
//         onArchive(taskId);
//       }}>归档</button>
//     </div>
//   );
// };

// export default TaskCard;









import React from'react';

interface TaskCardProps {
  title: string;
  description: string;
  dueDate: string;
  tags: string;
  assignee: string;
  taskId: string;
  onOpenDetail: (taskId: string) => void;
  onArchive: (taskId: string) => void;
}

const TaskCard: React.FC<TaskCardProps> = ({
  title,
  assignee,
  taskId,
  onOpenDetail,
  onArchive
}) => {
  return (
    <div className="task-card" onClick={() => onOpenDetail(taskId)}>
      <h3>{title}</h3>
      <span>
      负责人: {assignee}
      <button onClick={(e) => {
        e.stopPropagation();
        onArchive(taskId);
      }} style={{float: 'right',border:'none',borderRadius:'5px',padding:'2px'}}>归档</button>
      </span>
      
    </div>
  );
};

export default TaskCard;